doctype html
html
  head
    title dyson
    style.
      * {
        box-sizing: border-box;
        margin: 0;
      }
      body {
        font-family: Arial, sans-serif;
        margin: 20px;
        
      }
      .panel {
        max-width: 800px;
        margin: 0 auto;
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0,0,0,.05);
        background-color: #fff;
      }
      .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background-color: #f5f5f5;
        color: #333;
      }
      .panel-body {
        padding: 15px;
      }
      .list-group {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        list-style-type: none;
      }
      .list-group-item {
        position: relative;
        display: block;
        margin-bottom: -1px;
        padding: 10px 15px;
        border: 1px solid #ddd;
        border-width: 1px 0;
        border-radius: 0;
        background-color: #fff;
      }
      .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
      }
  body
    div.panel
      div.panel-heading dyson
      ul.list-group
        each api in apis
          li.list-group-item
            a(href=api target="_blank") #{api}